<template>
  <div class="box">
    <div class="item">
      <img :src="data.s_goods_photos[0].path" alt="" class="item_img" />
    </div>
    <p>{{ data.name }}</p>
    <p>{{ data.price }}</p>
  </div>
</template>

<script setup>
import { defineProps } from "vue";
let p = defineProps({
  data: {
    type: Object,
    required: true,
  },
});
</script>

<style lang="scss" scoped>
.box {
  width: 180px;
  height: 220px;
  background-color: pink;
  .item {
    width: 100%;
    .item_img {
      width: 100%;
      height: 160px;
    }
  }
}
</style>
